<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/lib/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="/lib/swiper/package/swiper-bundle.css">
    <link rel="stylesheet" href="/css/shop.css">
    <link rel="shortcut icon" href="/favicon.ico">
    <title>Document</title>
</head>
<body>
    <!--头部-->
    <header>

    </header>
    <main class="container-fluid">
        <!-- 商品详情 -->
        <div class="page list-page container-fluid" id="listpage">
            <div class="page-container container">
                <!-- 商品分类选项 -->
                <ul class="list-categories">
                    <li class="first clearfix">
                        <div class="title">商城</div>
                        <div class="content clearfix">
                        </div>
                        <script type="text/html" id="listTabsTemplate">
                            {{each categories item}}
                                <a href="#" data-category="{{item.title}}">{{item.title}}</a>
                            {{/each}}
                        </script>
                    </li>
                </ul>

                <!-- 商品展示信息 -->
                <ul class="list-contents clearfix" id="cakelist">
                    
                </ul>

                <script type="text/html" id="prodListTemplate">
                    {{each list item}}
                        <li class="noramal">
                            <div class="img">
                                <a href="/html/details.html?prodId={{item.id}}" class="link">
                                    <img src="{{item.image}}" alt="">
                                </a>
                                <span class="favor"></span>
                            </div>
                            
                            <div class="text">
                                <p class="desc">{{item.recComment}}</p>
                                <p class="name">
                                    <span class="cn">{{item.title}}</span>
                                </p>
                                <p class="attr">
                                    <span class="price">￥{{item.price}}</span>
                                    <span class="pound">/{{item.saleNum}}</span>
                                </p>
                                
                            <a href="javascript:;" class="join-basket"></a>
                            </div>
                        </li>
                    {{/each}}
                </script>
             </div>
        </div>
    </main>
    <!--底部-->
    <footer>
      
    </footer>
    <script src="/lib/require/require.js" data-main="/js/shop"></script>
    <script src="/lib/swiper/package/swiper-bundle.js"></script>
</body>
</html>